<template>
  <div class="check-button" :class="{check:isCheck}" >
    <img src="/img/cart/tick.svg" alt="" v-show="isCheck">
  </div>
</template>

<script>
    export default {
        name: "CheckButton",
        props: {
            isCheck: {
                type: Boolean,
                default() {
                    return true
                }
            }
        },
        data(){
          return {

          }
        },
        methods: {

        }

    }
</script>

<style scoped>
  .check-button {
    width: 18px;
    height: 18px;
    border: 2px solid #aaa;
    border-radius: 50%;
    background-color: white;
  }

  .check-button img {
    width: 16px;
    height: 16px;
  }

  .check {
    border-color: var(--color-high-text);
    background-color: var(--color-high-text);

  }
</style>
